<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 我的 -->
    <div class="me-app">
        <!-- 用户框 -->
        <div class="user">
            <div class="user-data dpflex" id="userData">
                <p class="dpflex"><img id="imgurl" src="../imgs/头像.jpg" alt=""><span id="nickname">用户名</span><span
                        class="vip">VIP</span></p>
                <span>></span>
            </div>
            <!-- 个性签名 -->
            <p class="autograph">个性签名：<span id="sign">这个人什么都没有留下</span></p>
        </div>
        <div class="placeholder">
        </div>
        <!-- 个人动态 -->
        <div class="personal dpflex">
            <span class="left dpflex"><span class="iconfont icon-dynamic"></span>个人动态</span>
            <span class="right dpflex"><span id="dynamicCount">10条</span>></span>
        </div>
        <div class="placeholder">
        </div>
        <!-- 运动数据 -->
        <div class="data" id="motionData">
            <div class="title dpflex">
                <span class="left dpflex"><span class="iconfont icon-data"></span>运动数据</span>
                <span class="right dpflex">></span>
            </div>
            <div class="content dpflex">
                <div class="left dpflex fdcolumn">
                    <p class="top">总运动</p>
                    <p class="bottom"><span id="times">99999</span>分钟</p>
                </div>
                <div class="right dpflex fdcolumn">
                    <p class="top">本周消耗</p>
                    <p class="bottom"><span id="calorie">99999</span>千卡</p>
                </div>
            </div>
        </div>
        <div class="placeholder">
        </div>
        <!-- 运动徽章 -->
        <div class="badge">
            <div class="title dpflex">
                <span class="left dpflex"><span class="iconfont icon-badge"></span>我的运动徽章</span>
                <span class="right dpflex">></span>
            </div>
            <div class="content dpflex">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div class="placeholder">
        </div>
        <!-- 退出登录 -->
        <div id="loginOut" class="back">退出登录</div>
        <div class="placeholder" style="height: 100px;">
        </div>
    </div>
</body>

</html>